<div class="md user-content" *ngIf="user">
    <h2 [innerHTML]="user.name"></h2>

    <div class="position-right">
        <button class="btn mr-1" (click)="clearLocalStorage()"><i class="icon material-icons">clear_all</i> 清除缓存</button>
        <a [routerLink]="['/']" (click)="logout()"><i class="icon material-icons">exit_to_app</i> 退出登录</a>
    </div>

    <div class="row mb-2 position-relative">
        <h3>文档所有者</h3>
        <div class="position-right">
        </div>
        <ul *ngIf="user && user.docsOwner">
            <li *ngFor="let doc of user.docsOwner" class="position-relative">
                <a [routerLink]="['/doc', doc]">{{doc}}</a>
                <div class="position-right">
                    <i class="icon material-icons" title="放弃" (click)="removeOwner(doc)">remove</i>
                </div>
            </li>
        </ul>
        <div class="tips" *ngIf="!user || !user?.docsOwner">
            暂无，你可以在进行认领...
        </div>
    </div>
    <div class="row mb-2" *ngIf="focusDocs">
        <h3>关注的文档</h3>
        <ul>
            <li *ngFor="let doc of focusDocs">
                <a [routerLink]="['/doc', doc]">{{doc}}</a>
            </li>
        </ul>
    </div>
</div>
